﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Shopping list</title>
    <script type="text/javascript">       
    </script>
     //css案例
    <style type="text/css">
    p{
        font-style:italic ;
        color:Blue ;
    }
    .sale
    {
        font-size= larger ;
        color:Green;      
    }    
    #purchases
    {
        border:2px solid white ;
        background-color:Black;
        color:#ccc;
        padding:1em;
    </style>
</head>
<body>

<h1>What to buy</h1>
<p title="a gentle reminder">Don't forget to buy this stuff.</p>
<ul id="purchases">
<li>A tin of beans</li>
<li class="sale">cheese</li>
<li class="sale important">Milk</li>
</ul>

</body>
</html>
